<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">
            <header>
                <link rel="stylesheet" type="text/css" href="media/css/error_pages.css" />
                <script type='text/javascript' src='media/js/canvas.js'></script>

                <h2 class="title">Atlas - Erro 500</h2>
            </header>
            <!--            <style type="text/css">
                            #logoCanvas {
                                border: 0px solid blue;
                                margin-left: -9px;
                                margin-top: -9px;
                                /*background-color: red;*/
                            }
                            #fox {
                                border: 0px solid red;
                                margin-left: -21%;
                                /*                    margin-top: -10.1%;*/
                            }
                            #inline {
                                border: 0px solid green;
                                margin-left: -0.7%;
                                margin-top: -10.1%;
                            }
                            #tech {
                                border: 0px solid green;
                                margin-left: -12%;
                                margin-bottom: -3%;
                            }
                        </style>-->

            <div style="float: left">
                <canvas id="logoCanvas" width="440" height="380" > </canvas>
                <canvas id="fox" width="96" height="50" > </canvas>
                <canvas id="inline" width="150" height="50" > </canvas>
                <canvas id="tech" width="110" height="26" > </canvas>
            </div>

            <div style="float: right;">
                <h1 class="error">
                    Ocorreu um erro inesperado ! 
                </h1>
                <br/>
                <p class="errorDetail">
                    Contacte o administrador do sistema !
                </p>
            </div>

<!--            <div style="float: none; margin-left: 77%; margin-top: 8%;">
                <p:graphicImage value="/media/images/brasaophb.jpg"/>
            </div>-->
        </ui:define>
    </ui:composition>
</html>
